<!-- 泵乳日志个人详情 -->
<!-- 2020年11月4日 -->
<link rel="stylesheet" href="page/followup/css/pumpBreastStatistics/pumpBreastStatisticsDetail.css" />
<style>
    ._pumpBreastDetail_back {
        width: 90px;
        height: 32px;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
        cursor: pointer;
    }

    ._pumpBreastDetail_back i {
        font-size: 16px;
    }

    ._pumpBreastDetail_back span {
        font-size: 16px;
        line-height: 32px;
        margin-left: 10px;
    }
</style>

<body>
    <div class="_pumpBreastDetail" id="root">
        <div class="botton _pumpBreastDetail_back">
            <i class="el-icon-back"></i>
            <span>返回</span>
        </div>
        <div class="_pumpBreastDetail_block">
            <div class="_pumpBreastDetail_block_header">
                <span class="_pumpBreastDetail_block_header_title">泵乳日志统计</span>
                <div class="_pumpBreastDetail_block_header_btns">
                    <i class="_pumpBreastDetailIcon fa fa-reload">刷新</i>
                    <div class="_pumpBreastDetail_block_header_btn active" data-type="week" data-index="1"
                        @click="type1 = 1">近7天</div>
                    <div class="_pumpBreastDetail_block_header_btn" data-type="month" data-index="1" @click="type1 = 2">
                        近30天</div>
                    <div class="_pumpBreastDetail_block_header_btn" data-type="all" data-index="1" @click="type1 = 0">全部
                    </div>
                    <!-- <span class="_pumpBreastDetail_block_header_export">导出Excel</span> -->
                </div>
            </div>
            <div id="countForDay" style="height: 400px;"></div>
        </div>

        <div class="_pumpBreastDetail_block">
            <div class="_pumpBreastDetail_block_header">
                <span class="_pumpBreastDetail_block_header_title">泵乳次数统计</span>
                <div class="_pumpBreastDetail_block_header_btns">
                    <i class="_pumpBreastDetailIcon fa fa-reload">刷新</i>
                    <div class="_pumpBreastDetail_block_header_btn active" data-type="week" data-index="2"
                        @click="type2 = 1">近3天</div>
                    <div class="_pumpBreastDetail_block_header_btn" data-type="month" data-index="2" @click="type2 = 2">
                        近7天</div>
                    <div class="_pumpBreastDetail_block_header_btn" data-type="all" data-index="2" @click="type2 = 0">全部
                    </div>
                    <!-- <span class="_pumpBreastDetail_block_header_export">导出Excel</span> -->
                </div>
            </div>

            <div id="countForAll" style="height: 400px;"></div>
        </div>

        <div class="_pumpBreastDetail_block">
            <div class="_pumpBreastDetail_block_header">
                <span class="_pumpBreastDetail_block_header_title">用药情况统计</span>
                <div class="_pumpBreastDetail_block_header_btns">
                    <i class="_pumpBreastDetailIcon fa fa-reload">刷新</i>
                    <div class="_pumpBreastDetail_block_header_btn active" data-type="week" data-index="3"
                        @click="type3 = 1">近3天</div>
                    <div class="_pumpBreastDetail_block_header_btn" data-type="month" data-index="3" @click="type3 = 2">
                        近7天</div>
                    <div class="_pumpBreastDetail_block_header_btn" data-type="all" data-index="3" @click="type3 = 0">全部
                    </div>
                    <!-- <span class="_pumpBreastDetail_block_header_export">导出Excel</span> -->
                </div>
            </div>

            <el-table :data="table.data" v-loading="table.loading">
                <el-table-column prop="days" label="记录时间" />
                <el-table-column label="是否用药">
                    <template slot-scope="scope">
                        {{ scope.row.isUseDrug == 1 ? '是' : '否' }}
                    </template>
                </el-table-column>
                <el-table-column label="用药备注">
                    <template slot-scope="scope">
                        {{ scope.row.useDrugRemark ? scope.row.useDrugRemark : '无' }}
                    </template>
                </el-table-column>
            </el-table>
            <!-- <div style="text-align: right;">
                <el-pagination
                    background
                    @current-change="handleChangePage"
                    :page-size="table.size"
                    layout="prev, pager, next, total"
                    :total="table.total">
            </div> -->
        </div>

    </div>
    <script>
        require(['bbcare', 'fu/app/pumpBreastStatistics/pumpBreastStatisticsDetail'], function ($bb, $event) {
            $event.init()
        })
    </script>
</body>